<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>pc端体验</title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<style>
    .pc{
        display: flex;
        height: 2.67rem;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 1.33rem;
        margin-bottom: 5.7rem;
    }
    .pc img{
        width: 24.8%;
        height: 1.77rem;
        margin-bottom: 0.26rem;
    }
    .pc p{
        text-align: center;
        line-height: 0.2rem;
        font-size: 0.24rem;
        color: #333;
    }
</style>
<body>
<header class="header">
    <section class="logo">
        <div class="logo-img">
            <img src="images/logo.png" alt="">
        </div>

        <span class="btn" id="btn"></span>
    </section>
    <!--导航-->
    <section class="nav">

        <nav>
            <a href="index.html">
                <img src="images/index.png" alt="">产品首页
            </a>
            <a href="product.html">
                <img src="images/gn.png" alt="">产品功能
            </a>
            <a href="buy.html">
                <img src="images/money.png" alt="">产品定价
            </a>
            <a href="pctip.html">
                <img src="images/pc.png" alt="">实际功能请使用PC端体验
            </a>
        </nav>
    </section>

</header>
<section class="pc">
    <img src="images/pc.png" alt="">
    <p>实际功能请使用PC端体验 <br>www.videototo.com</p>
</section>
<footer class="footer">
    <a>客服微信vidtoto</a>
    <img src="images/wechat-code.png" alt="" class="wechat">
    <p><img src="images/beian.png" alt="">闽公网安备 35020302033034号</p>
    <p>©闽ICP备13018967  厦门市女帝信息科技有限公司</p>
</footer>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
</body>
<script>
    $('#btn').click(function () {
        if($('.nav').is(':hidden')){
            $('.nav').css({'display':'block'})
            $(this).css({'background':"url('../images/close.png')no-repeat"})
        }else{
            $('.nav').css({'display':'none'})
            $(this).css({'background':"url('../images/more.png')no-repeat"})
        }
    })
</script>
</html>
